<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
  String path = request.getContextPath();
  String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
  <base href="<%=basePath%>">
  <meta charset="utf-8" />
  <title></title>
  <link href="static/css/bootstrap.min.css" rel="stylesheet" />
  <script src='static/js/jquery-1.9.1.min.js'></script>
  	<script type="text/javascript" src="static/js/bootstrap-datepicker.min.js"></script>
  <script type="text/javascript">
    $(top.hangge());
	$(function() {
		//日期框
		$('.date-picker').datepicker();
	});
  </script>
  <style>
    .divcss5{width:100px;height:20px;} 
  </style>
</head>
<body>
<div style="width: 2000px">
<hr style ="height:1px;border:none;border-top:1px groove ghostwhite;">
<form name="pageForm" id="pageForm">
<div style="height:30px;width: 1800px;margin-left: 20px;">
  <div class="pull-left search "style="text-align: center;margin-left: 10px;">
    <label  class="">逾期阶段:</label>
  </div>
  <div class="pull-left search"   style="margin-left: 10px;">
    <select   class="form-control " name="overdueDuration" id="overdueDuration1" style="font-size: 15px;padding: 2px 3px;color: #000;width: 125px;">
        <option value="0">不限</option>
        <c:forEach items="${ overdueDurationList }" var="odlist">
            <option value="${odlist.sequence }">${ odlist.title}</option>
        </c:forEach>

    <%--  <option value="S1">S1</option>
      <option value="S2">S2</option>
      <option value="S2+">S2+</option>
      <option value="M1">M1</option>
      <option value="M2">M2</option>
      <option value="M3">M3</option>
      <option value="M3+">M3+</option>--%>
    </select>
  </div>
    <div class="pull-left search "style="text-align: center;margin-left: 10px;">
        <label  class="">催收结果:</label>
    </div>
    <div class="pull-left search"   style="margin-left: 10px;">
        <select   class="form-control " name="callResult" id="callResult1" style="font-size: 15px;padding: 2px 3px;color: #000;width: 125px;">
            <option value="-1">不限</option>
            <c:forEach items="${callResultList }" var="crlist">
                <option value="${crlist.sequence }">${ crlist.title}</option>
            </c:forEach>
           <%-- <option value="0">已还清</option>
            <option value="1">承诺还款</option>
            <option value="2">客户死亡</option>
            <option value="3">失联</option>
            <option value="4">查找中</option>
            <option value="5">跳票</option>
            <option value="6">新案件</option>
            <option value="7">暂停催收</option>
            <option value="8">关机</option>
            <option value="9">空号</option>
            <option value="10">沟通中</option>--%>
        </select>
    </div>
</div>
  </form>

<hr style ="height:1px;border:none;border-top:1px groove ghostwhite;">
<table class="table table-hover dataTable" border="1px" bordercolor="gainsboro" style="margin-left: 20px;" width="2000px">
  <thead>
  <tr height="35px" align="center">
    <th width="4%" align="center"><input id="quanxuan" type="checkbox" onclick="quanxuan1()" > </th>
    <th width="7%">催收编号</th>
    <th width="5%">还款订单号</th>
    <th width="5%">借款人姓名</th>
    <th width="9%">借款人身份证</th>
    <th width="6%">手机号</th>
    <th width="7%">借款产品名称</th>
    <th width="4%">逾期期数</th>
    <th width="5%"><button id="overAmountOrd1" onclick="sortchaxunbyday('${sortFindByday}');"> 逾期天数</button></th>
    <th width="5%"><button id="overAmountOrd"  onclick="sortchaxunbyamount('${sortFindByamount}');">逾期金额</button></th>
    <th width="4%">逾期罚息</th>
    <th width="4%">逾期阶段</th>
    <th width="4%">催收员</th>
    <th width="8%">分派时间</th>
    <th width="4.5%">催收结果</th>
    <th width="4.5%">催收方式</th>
    <th width="6%">承诺还款日期</th>
    <th width="8%">入案时间</th>
  </tr>
  </thead>
  <tbody>
<c:forEach    var="anjian" varStatus="var" items="${anjianlist }">
  <tr align="center" height="40px" <c:if test="${anjian.callMark==1}">bgcolor="red"</c:if>>
    <td align="center"><input id="${anjian.callLoanNid}" mark="${anjian.callMark}" name="callLoan" type="checkbox"> </td>
    <td>
        <a href="cuijimanage/toDescPage.do?callLoanNid=${anjian.callLoanNid}&userId=${anjian.userId}&borrowNid=${anjian.borrowNid}" style="color: blue" >
        ${anjian.callLoanNid}
        </a>
   </td>
    <td>${anjian.repaymentId}</td>
    <td>${anjian.realName}</td>
    <td>${anjian.contIdCard}</td>
    <td>${anjian.telephone}</td>
    <td>${anjian.productName}</td>
    <td>${anjian.period}/${anjian.periodTotal}</td>
    <td>${anjian.overdueDate}</td>
    <td>${anjian.overdueAmount}</td>
    <td> ${anjian.overdueFee}</td>
    <td>${anjian.overdueDuration}</td>
    <td>${anjian.name}</td>
    <td> <fmt:formatDate value="${anjian.callTime}" pattern="yyyy-MM-dd HH:mm:ss" /></td>
    <td>
            <c:forEach items="${callResultList }" var="crlist">
                <c:if test="${anjian.callType eq crlist.sequence}">${ crlist.title}</c:if>
            </c:forEach>
      </td>
      <td>
          <c:if test="${anjian.callType==1}">电话</c:if>
          <c:if test="${anjian.callType==2}">网络</c:if>
          <c:if test="${anjian.callType==3}">短信</c:if>
          <c:if test="${anjian.callType==4}">线下面催</c:if>
          <c:if test="${anjian.callType==5}">其他</c:if>
     </td>
      <td>
          <fmt:formatDate value="${anjian.promiseRepaymentDay}" pattern="yyyy-MM-dd" />
      </td>
      <td>
          <fmt:formatDate value="${anjian.createTime}" pattern="yyyy-MM-dd HH:mm:ss" />
      </td>
</c:forEach>
  </tbody>
</table>
 <div class="page-header position-relative">
  <table style="width: 100%;">
    <tr>
      <td style="vertical-align: top;">
        <div class="pagination"
             style="float: right; padding-top: 0px; margin-top: 0px;">${page.pageStr}

        </div></td>
    </tr>
  </table>
</div>
</div>
</body>
</html>
